<template>
    <h1>Demo组件</h1>
    <h2>当前求和为:{{sum}}</h2>
    <button @click="sum++">点我+1</button>
    <hr>
    <h2>当前点击时的鼠标坐标为：x:{{point.x}},y:{{point.y}}</h2>
</template>

<script>
    import {ref} from 'vue'
    import usePoint from '../hooks/usePoint'

    export default {
        name: "Demo",
        setup() {
            let sum = ref(0)

            let point = usePoint();

            return {
                sum,
                point
            }
        }
    }
</script>

<style scoped>

</style>
